html.light {
	--color-success: #1ac157;
	--color-success-2:  #00e701;
	--color-success-hover: #24cb61;
	--color-success-active: #10b74d;
	--color-warning: #febc04;
	--color-warning-hover: #ffc60e;
	--color-warning-active: #f4b200;
	--color-danger: #ff0032;
	--color-danger-hover: #ff0a3c;
	--color-danger-active: #f50028;
	--color-info: #409eff;
	--color-info-hover: #1092ff;
	--color-info-active: #007eef;
	--color-disable: #e5ecf3;
	--color-disable-hover: #eff6fd;
	--color-disable-active: #dbe2e9;

	--color-home: #0065cd;
	--color-away: #cb0028;

	--color-text-1: #1b2c38;
	--color-text-2: #546371;
	--color-text-3: #6f7f88;
	--color-text-4: #96a5aa;
	--color-text-5: #dfe4e5;
	--color-text-6: #ffffff;
	--color-text-7: rgba(255, 255, 255, 0.5);

	--color-bg-1: #ffffff;
	--color-bg-2: rgba(255, 255, 255, 0.8);
	--color-bg-3: #96a5aa;
	--color-bg-4: rgba(150, 165, 170, 0.3);
	--color-bg-5: rgba(150, 165, 170, 0.15);
	--color-bg-6: #1b2c38;
	--color-bg-7: rgba(255, 255, 255, 0.8);
	--color-bg-8: #eff2f2;
	--color-bg-9: rgba(0, 0, 0, 0.2);
	--color-bg-10:#96A5AA4D;

	--color-border-1: rgba(150, 165, 170, 0.15);
	--color-border-2: rgba(150, 165, 170, 0.3);
	--color-border-3: #96a5aa;

	--n-panel-color: #ffffff;
}
